草庐IT

Bootstrap4 模态框

全部标签

javascript - 关闭 Bootstrap 模式后重置验证消息

我有一个输入模式,我正在使用jQuery.Validate为了在提交时验证我的表单,我的问题是当我关闭模态然后再次打开模态时来自验证的消息仍然存在,所以我的问题是,当我关闭模态时如何重置或隐藏这些消息?我试过了,但是不行$('#myModal').on('hidden.bs.modal',function(){window.alertas.reset();});我该如何解决这个问题?Hereisasample可以玩的代码。 最佳答案 您可以一起使用jQuery和jQueryValidate的resetForm():$('#myMod

javascript - 如何在模态内单击按钮时使用 jQuery 或 javascript 获取 Bootstrap 模态的数据值?

我想通过单击模态内的按钮来获取Bootstrap模态的数据值。这是我的模式-×CancelAreyousureyouwanttocancelthis?YesNo这是我将数据传递给模态的方式-更新-Cancel1Cancel2Cancel3......CancelnModal可以从许多按钮中的任何一个调用,我只需要获取相关按钮的数据ID。例如-如果我点击“取消1”按钮,我应该在点击模式中的"is"按钮后获得数据ID为1。我想使用jQuery或javascript在此模态中单击"is"按钮时获取“id”字段的模态数据值为1234。 最佳答案

javascript - 如何关闭其中包含多个屏幕的 React Navigation 模态

我正在使用https://reactnavigation.org/用于在ReactNative应用程序中导航,将选项卡导航器作为主堆栈,并在其中包含两个屏幕的模式(用于登录和配置应用程序)。我这辈子都想不出如何从第二个屏幕关闭模式(SelectItems)。在模态的第一个屏幕上,我可以使用navigation.goBack()关闭它。两个模态屏幕都需要一个关闭按钮。有没有办法返回到用户所在的任何选项卡?在此先感谢您的帮助。constTabs=TabNavigator({Search:{screen:Search},Settings:{screen:Settings}});//modal

尝试在模态窗口中打开模态窗口时出现 Javascript 错误

该应用程序在使用asp.net2.0的WindowsServer2003机器上运行,并且是一个特定于IE的网络应用程序。有一个按钮可以使用位于JavaScript中的函数调用的showModalDialog(...)在iframe中打开表单。这是一个函数的例子:functionShowBusinessHoursSubForm(source){varretval=window.showModalDialog("htm/"+locLocaleID+"/SubFormHostFrame.htm",source,"dialogWidth:265px;dialogHeight:261px;hel

c# - 使用 Twitter Bootstrap、C#、asp.net 和 javascript 上传文件

链接到Jasnyhttp://jasny.github.com/bootstrap/javascript.html#fileupload链接到表格的样子http://img507.imageshack.us/img507/3308/picpx.png我在我的Bootstrap项目中使用JasnyJavascript文件上传,它看起来像这样:ASP\HTMLViewSelectfileChangeRemove我如何在后面的代码中使用它来将附加文件保存到我的服务器,就像我使用C#asp.net文件上传一样?在ASP.netC#中,我通常会在后面的代码中这样做:ASP.netC#代码隐藏st

javascript - Bootstrap 模式 - 隐藏一个然后显示另一个

我已经使用jQueryUI很长时间了,但最近出于审美原因切换到Bootstrap。我现在正在努力解决我认为是一个简单的问题,并且想知道其他更熟悉Bootstrap的人是否可以帮助我解决这个问题。我有一个动态创建对话框的通用函数,有时我会显示一个没有按钮的对话框(当处理某些东西时),然后将它切换到一个有按钮的对话框(过程完成-点击好的,例如)。我并不想在这里定义一套流程,所以我基本上是说我希望能够关闭一个对话框并在需要时打开另一个对话框。这就是问题所在。使用Bootstrap,对话框可以动画进出,我喜欢它并希望保留它。不过,我不想在交换对话框时这样做。我可以通过在第一个对话框显示时从第一

javascript - Bootstrap 工具提示不适用于 Font Awesome 图标

我正在使用bootstrap工具提示,但我似乎无法让它与超棒的字体图标一起使用。我可以让它工作:Info但这行不通:这是我的javascript:$(function(){$('[data-toggle="popover"]').popover();$('body').on('click',function(e){if($(e.target).data('toggle')!=='popover'&&$(e.target).parents('.popover.in').length===0){$('[data-toggle="popover"]').popover('hide');}})

javascript - 在 bootstrap-select 上显示/隐藏选项?

不久前,我试图在bootstrap-selectlib上写一个小片段,它应该在父选项的点击/更改事件上打开和隐藏一些额外的选项(底部示例中的一半)。它应该如何工作......当用户点击一个特定的选项时,一些带有更多附加信息的附加项会显示在父项的下方。当用户再点击一次时,额外的项目应该被隐藏,子项目会从已经选择的选项中清除。问题是什么?不幸的是,我的jquery水平不高,所以目前我只有/showing/功能,没有/hiding/子项和清除选择(如果选择了隐藏父项的某个子项)。如果父项上的选中箭头不会显示,只会显示在子项上,那就太好了。我的例子这是我的短代码-$('.remove-exam

javascript - 在 Wenhixin bootstrap-table 中包含图像

我正在使用Wenhixinbootstrap-table.js。我的表格应该如下表所示。下面给出创建表的代码PictureNamePhoneNumberLoginIDAction但是,如果不将image-url转换为图像,表格如下所示为了获取表格中的个人资料图片,我编写了以下代码。vardata;$.ajax({type:"GET",url:"http://localhost:1337/users",contentType:"application/json;charset=utf-8",dataType:"json",data:"",success:function(data){co

javascript - 如何从后面的代码关闭 Bootstrap 模式?

我正在从模态进行更新操作。当模态弹出时,它会加载我要更新的特定行数据。下面是我的模态代码:×InsertModuleUPDATEEMPLOYEEDETAILFIRSTNAMEMIDDLENAMELASTNAMEEMAILDOBUSERNAMEPASSWORDClose我正在从代码隐藏中加载模态并从代码隐藏中填充其字段。下面是我的隐藏代码:protectedvoidup_tb8_Click(objectsender,EventArgse){vardb=newdbDataContext();Employeeemp=newEmployee();db.Sp_Updatevalue(